<section class="content-header">   
   <sn-breadcrumb datalist="crumbBaseData"></sn-breadcrumb>
    <div class="mytabs">
            <ul id="mytabs">
                <li class="mytab-nav" ng-class="{true: 'mytab-nav-action', false: 'mytab-nav'}[isFirst]" ng-click="change(1)">新增流水线1</li>
                <li class="mytab-nav" ng-class="{true: 'mytab-nav-action', false: 'mytab-nav'}[isSecond]" ng-click="change(2)">新增流水线2</li>
            </ul>
    </div>
   <h4><div class="square"></div><strong>新增流水线</strong></h4>
</section>

<section class="content" >
  
    <div class="panel panel-default" ng-show="initNum == 2">
        <div class="panel-heading">
            <h3 class="panel-title h3-inline"><span>流水线名称：Example</span><span style="margin-left:30px;">归属项目：持续交付</span></h3>
        </div>
        <div class="panel-body">
            <div class="oneLine" ng-repeat="oneProcess in processList"> 
                <div class="linetop">
                    <div class="linetopleft" >
                        <div class="topleft">{{$index+1}}</div>
                        <div class="topmiddle"">
                            <div class="topmiddleStep">{{oneProcess.name}}</div>
                            <div class="topmiddleNum"><span>{{oneProcess.childListNum}}</span>参数</div>
                        </div>
                        <div class="topimg" ng-show="oneProcess.name != '结束'"><span class="fu fu-detail"></span></div>
                        <div class="topright" ng-show="oneProcess.name != '结束' && oneProcess.name !='开始'"><span class="fu fu-delete"></span></div>
                    </div>
                    <div class="linetopright" ng-show="oneProcess.name != '结束'" ng-click="addProcess($index)">
                        <span class="fu fu-plus-square"></span>
                    </div>
                </div>
                <div class="linecontent">
                        <div class="listStyle">
                            <span class="fu fu-radiobutton-o iconStyle"></span>
                            <span ng-show="oneProcess.name == '开始'">参数列表</span>
                            <span ng-show="oneProcess.name != '结束' && oneProcess.name !='开始'">任务列表</span>
                            <span ng-show="oneProcess.name == '结束'">流水线现有1个阶段</span>
                        </div>

                        <div class="listStyle" ng-repeat="oneList in oneProcess.childList">
                             <div class="circle"></div>
                            <span>{{oneList.name}}</span>
                            <span class="fu fu-delete deleteStyle" ng-click="deleteWork($index,oneProcess.name)"></span>
                        </div>

                        <div class="listStyle">
                            <div  ng-show="oneProcess.name == '开始'">
                                <span class="fu fu-plus-circle iconStyle"></span>
                                <span>添加参数</span>
                            </div>
                            <div ng-show="oneProcess.name != '结束' && oneProcess.name !='开始'">
                                <span class="fu fu-plus-circle iconStyle"></span>
                                <span >添加任务</span>
                            </div>
                            <div ng-show="oneProcess.name == '结束'">
                                <span ></span>
                            </div>
                        </div>               
                </div>
            </div>
        </div>
    </div>
      <div class="panel panel-default" ng-show="initNum == 1">
        新增流水线1
    <div>
</section>
    <div class="form-group">
        <div class="col-sm-offset-2 col-sm-10">
            <button type="button" class="btn btn-default" ng-click="cancel()">取消</button>
            <button type="button" class="btn btn-default" ng-click="nextStep()" ng-show="initNum == 1">下一步</button>
            <button type="button" class="btn btn-default" ng-click="previousStep()" ng-show="initNum == 2">上一步</button>
            <button type="button" class="btn btn-default" ng-click="cancel()" ng-show="initNum == 2">提交</button>
        </div>
    </div>
